@mixin flex($flex: center) {
  display: flex;
  justify-content: $flex
}

.BtabsModal {
  @include flex;
  width: 100%;
  z-index: 666;

  &_tab {
    @include flex;

    &_icon {
      margin-top: 28rpx
    }

    &_active {
      color: $color_;
      font-weight: 600;

      &::after {
        content: '';
        width: 44rpx;
        height: 6rpx;
        background: $color_;
        position: absolute;
        bottom: 0;
        border-radius: 10px;
      }
    }
  }

  &_item {
    position: fixed;
    width: 100%;
    background: rgba(0, 0, 0, .3);
    left: 0;
    bottom: 0;
	/* #ifdef MP-WEIXIN */
		  top: 228rpx;
	/* #endif */
  
    /* #ifdef H5 */
		top: 315rpx;
    /* #endif */
  
    height: 100%;

    &_list {
      @include flex(space-between);
      padding: 0 32rpx;
      min-height: 88rpx;
      background: #fff;
      border-bottom: 1px solid #F5F5F5;
    }

    &_active {
      font-weight: bold;
      color: $color_;
    }
  }
}